.gantt-day-header {
  background   : transparent;
  height       : 25px;
  margin-bottom: -25px;
  position     : relative;
  top          : 0;
  left         : 0;
  z-index      : 999;
  float        : right;
  width        : calc(100% - 300px);
  text-align   : center;
  line-height  : 25px;
  color        : #a6a6a6;

  img {
    width     : 14px;
    margin-top: -2px;
    cursor    : pointer;
  }

  .before-day {
    margin-right: 6px;
  }

  .after-day {
    margin-left: 6px;
  }
}

.space {
  margin-top: 20px;
}

.container {
  height     : 292px;
  user-select: none;

  .gantt-grid-head-cell {
    border-right: 1px solid #ebebeb !important;
  }

  .enable-task {
    background: #2C6FFE;
    border    : 2px solid #2C6FFE;

    :global {
      .gantt_task_content {
        text-overflow: ellipsis;
      }
    }
  }

  .disable-task {
    background: #6B6B6B;
    border    : 2px solid #6B6B6B;

    &:hover {
      cursor: not-allowed;
    }

    :global {
      .gantt_task_content {
        cursor       : not-allowed;
        text-overflow: ellipsis;
      }
    }
  }

  .selected-task {
    border    : 2px solid #07e2f3;
    background: #0ebdef;
  }
}

.tooltip {
  background: black;
  color     : white;
  padding   : 6px;
  margin    : -11px;
  border    : 1px solid black;
  opacity   : 0.8;
}